@yield("content")
@if(session()->has('cart'))
    <script>alert('请选择商品在提交订单!');</script>
@endif
<style>
    ._box {
        position: absolute;
        z-index: 9;
    }
</style>
<menu>
    <a href="{{ url('/') }}"><i class="icon-home"></i>首页</a>
    {{--<a href="member-order.html"><i class="icon-lipin"></i>疗程购</a>--}}
    {{--<a href=""><i class="icon-selectmore"></i>品牌优购</a>--}}
    <a href="/home/liaochenggou"><i class="icon-selectmore"></i>疗程购</a>
    <a onclick="dosel();" id="orderCart"><i class="icon-cart" id="end">
            <span id="num" style="display: none;"></span></i >购物车</a>
    <a href="{{ url('home/user') }}"><i class="icon-head"></i>我的</a>
</menu>
<!--购物车-->
<div class="cartContent fadeInBottom100" id="cartContent">
    <div class="LayerHeader line">
        <button onclick="delqing();" class="Del"><i class="icon-delete"></i>清空</button>
        <button class="close pl"><i class="icon-plus rot45"></i></button>
    </div>

    <div class="cartContentList">
        <input type='hidden' name='_token' value='{{ csrf_token() }}'>
        <ul class="line-li">

        </ul>
    </div>

</div>
<!--弹出圈圈loading-->
<div class="spinner" style="display: none;"><i></i></div>

<!--弹出loading-->
<div class="msg-loading" style="display: none;">
    <div class="msg-box">
        <div class="msg-load">
            <p>loading<span class="dotting"></span></p>
        </div>
        <div class="msg-top"></div>
        <div class="msg-left"></div>
        <div class="msg-right"></div>
    </div>
</div>
{{--<script type="text/javascript" src="{{ asset('jquery-1.8.3.min.js') }}"></script>--}}
<script type="text/javascript" src="{{ asset('myhome/js/common.js') }}"></script>
<script type="text/javascript" src="{{ asset('myhome/js/swiper.min.js') }}"></script>

<script>
    {{--//请求定位后的商品数据--}}
    {{--function reproduct() {--}}
    {{--$.ajax({--}}
    {{--url: '{{url('reproduct')}}',--}}
    {{--type: 'POST',--}}
    {{--dataType: 'json',--}}
    {{--cache: false,--}}
    {{--data: {_token: "{{ csrf_token() }}", store_id: store_id, where: "hod", value: "1"},--}}
    {{--success: function (data) {--}}
    {{--var str = "";--}}
    {{--//alert(data.data[0].id);--}}
    {{--for (var i = 0; i < data.data.length; i++) {--}}
    {{--str=str+"<div class='list'> <a href=''> <div class='tu'> <img src='myhome/img/"+data.data[i].preview+"'> </div> <p class='tit'>"+data.data[i].name+"</p> <div> <span class='price'>￥"+data.data[i].name+"</span> <button class='cart'><i class='icon-cart'></i></button> </div> </a> </div>";--}}
    {{--}--}}
    {{--var tip = $(str);--}}
    {{--$("#did").html(tip);--}}

    {{--},--}}
    {{--error: function (data) {--}}

    {{--}--}}
    {{--});--}}
    {{--}--}}


</script>
<script>

    $.ajax({
        url: '{{ url("home/ajax/cart/num") }}',
        async: false,				//是否异步
        type: 'post',				//请求方式
        data: { '_token': $('input[name=_token]').val()},				//发送的数据
        dataType: 'json',			//响应的数据类型
        success: function (data)		//成功时回调函数
        {
            if (data != 0) {
                $('#num').css('display','');
                $('#num').html(data);
            }
        }
    });

    var swiper = new Swiper('.swiper-container', {
        zoom: true,
        pagination: '.swiper-pagination',
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: 2500,
        //paginationClickable: true,
        //nextButton: '.swiper-button-next',
        //prevButton: '.swiper-button-prev',
        spaceBetween: 30,
        //autoplayDisableOnInteraction:false
    });


    function dosel() {
        $.ajax({
            url: '{{ url("home/ajax/cart") }}',
            async: false,				//是否异步
            type: 'post',				//请求方式
            data: {'_token': "{{ csrf_token() }}"},				//发送的数据
            dataType: 'json',			//响应的数据类型
            error: function () {

            },
            success: function (data)		//成功时回调函数
            {
                if(data == null){
                    if(confirm("您还没有登录，是否登录")){
                        location.href = "{{ url('home/user/login') }}";
                    }
                }
                if(data){
                    //使购物车上来
                    if ($("#cartContent").is(":hidden")) {
                        $("html,body").css({"overflow": "hidden"}); //为html,body添加样式
                        $("#cartContent").show(); //显示内容
                        $("body").append("<samp class='LayerBackground fadeIn' id='cartLayer'></samp>"); //插入背景层
                        //配送点
                        if ("#cartContent" == "#DeliveryContent") {
                            $("#cartLayer").css("top", "2.5rem");
                        }
                        //配送说明
                        if ("#cartContent" == "#DeliverysContent") {
                            $("#cartLayer").css("z-index", "104");
                        }
                    }
//                    else{
//                        $("html,body").removeAttr("style"); //清除html,body样式
//                        $("#cartLayer").addClass("fadeOut"); //添加背景层样式
//                        $("#cartContent").addClass("fadeOutBottom100"); //添加内容样式
//                        setTimeout(function(){
//                            $("#cartContent").hide().removeClass("fadeOutBottom100"); //关闭内容
//                            $("#cartLayer").remove(); //清除背景层
//                        }, 800);
//                    }

                    //使购物车下去
                    $("#cartContent .close").bind('click', function () {

                        $("html,body").removeAttr("style"); //清除html,body样式
                        $("#cartLayer").addClass("fadeOut"); //添加背景层样式
                        if ("#cartContent" == "#orderPay") {
                            $("#cartContent").addClass("fadeOutBottom20"); //添加内容样式
                        } else {
                            $("#cartContent").addClass("fadeOutBottom100"); //添加内容样式
                        }
                        setTimeout(function () {
                            $("#cartContent").hide().removeClass("fadeOutBottom100").removeClass("fadeOutBottom20"); //关闭内容
                            $("#cartLayer").remove(); //清除背景层
                        }, 800);
                    });

                    //遍历购物车信息
                    if (data.length > 0) {
                        //先删除ul里面的所有li 然后再遍历添加
                        $('.line-li').children('li').remove();
                        $('.LayerFooter').remove();
                        var sum = 0;
                        for (var i = 0; i < data.length; i++) {
                            if(data[i].status == 1){
                                $('.line-li').append("<li><div class='order-Address'><button onclick='doChoice(" + data[i].id + ",this);'><i class='icon-error'></i></button><button onclick='doCancel(" + data[i].id + ",this);' style='float:right;'>X</button></div><img src='/upload/product/" + data[i].preview + "' ><p>" + data[i].name + "</p><span>¥" + data[i].price + "</span> <div class='D-BuyNum' ><button onclick='dominus(" + data[i].id + ", this);'><i class='icon-reduce'></i></button><input type='number' class='line' value='" + data[i].count + "'><button onclick='doadd(" + data[i].id  + ", this);' ><i class='icon-plus'></i></button></div></li>");
                            }else{
                                $('.line-li').append("<li><div class='order-Address'><button class='choice' onclick='doChoice(" + data[i].id + ",this);'><i class='icon-error'></i></button><button onclick='doCancel(" + data[i].id + ",this);' style='float:right;'>X</button></div><img src='/upload/product/" + data[i].preview + "' ><p>" + data[i].name + "</p><span>¥" + data[i].price + "</span> <div class='D-BuyNum' ><button onclick='dominus(" + data[i].id + ", this);'><i class='icon-reduce'></i></button><input type='number' class='line' value='" + data[i].count + "'><button onclick='doadd(" + data[i].id + ", this);' ><i class='icon-plus'></i></button></div></li>");
                                sum += (data[i].price * data[i].count);
                            }

                        }
                        $('.line-li').parent().after("<div class='LayerFooter'> 共计：¥<span id='sum'>" + sum + "</span> <span class='memberOrder-list'><a href='/home/user/order/suborder'><button >去结算</button></a></span> </div>");
                    } else {
                        $('.line-li').children('li').remove();
                        $('.line-li').append("<li><p>您的购物车还是空的</p></li>");

                    }
                }

            }
        });
    }

    //选中商品与取消选中商品
    function doChoice(id,bn){

        if($(bn).attr('class') == 'choice'){
            $(bn).removeAttr('class');
            var status = 1;
        }else{
            $(bn).attr('class' , 'choice');
            var status = 2;
        }
        $.ajax({
            url: '{{ url("home/ajax/cart/cartStatus") }}',
            async: false,				//是否异步
            type: 'post',				//请求方式
            data: {id: id,status:status, '_token': $('input[name=_token]').val()},				//发送的数据
            dataType: 'json',			//响应的数据类型
            success: function (data)		//成功时回调函数
            {
                if (data != false) {
                    $('#sum').html(data.sum);
                } else {
                    alert("网络错误！");
                }

            }
        });

    }

    //删除商品
    function doCancel(id,bn){
        if (confirm("你确定要删除吗？")) {
            $.ajax({
                url: '{{ url("home/ajax/cart/delProduct") }}',
                async: false,				//是否异步
                type: 'post',				//请求方式
                data: {id: id, '_token': $('input[name=_token]').val()},				//发送的数据
                dataType: 'json',			//响应的数据类型
                success: function (data)		//成功时回调函数
                {
                    if (data != false) {
                            $(bn).parent().parent().remove();
                            if(data.num == 0){
                                $('.LayerFooter').remove();
                                $('#num').css({display:"none"});
                                $('.line-li').append("<li><p>您的购物车还是空的</p></li>");
                            }else{
                                $('#sum').html(data.sum);
                                $('#num').html(data.num);
                            }
                    }
                }
            });
        }
    }

    //数量加1
    function doadd(id, bn) {
        $.ajax({
            url: '{{ url("home/ajax/cart/doadd") }}',
            async: false,				//是否异步
            type: 'post',				//请求方式
            data: {id: id, '_token': $('input[name=_token]').val()},				//发送的数据
            dataType: 'json',			//响应的数据类型
            success: function (data)		//成功时回调函数
            {
                if (data != false) {
                    if(data == null){
                        alert('您的购物车中不存在该商品!');
                    }else{
                        $('#sum').html(data.sum);
                        $(bn).prev().val(data.count);
                        $('#num').html(data.num);
                    }

                } else {
                    alert("超出最大限制");
                }

            }
        });
    }

    //数量减1
    function dominus(id, bn) {
        if ($(bn).next().val() == 1) {
            if (!confirm("你确定要删除吗？")) {
                return 0;
            }
        }
        $.ajax({
            url: '{{ url("home/ajax/cart/dominus") }}',
            async: false,				//是否异步
            type: 'post',				//请求方式
            data: {id: id, '_token': $('input[name=_token]').val()},				//发送的数据
            dataType: 'json',			//响应的数据类型
            success: function (data)		//成功时回调函数
            {
                if (data != false) {
                    if(data.delete == 2){
                        $('#sum').html(data.sum);
                        $(bn).next().val(data.count);
                        $('#num').html(data.num);
                    }else{
                        $(bn).next().val(data.count);
                        $(bn).parent().parent().remove();
                        if(data.num == 0){
                            $('.LayerFooter').remove();
                            $('#num').css({display:"none"});
                            $('.line-li').append("<li><p>您的购物车还是空的</p></li>");
                        }else{
                            $('#sum').html(data.sum);
                            $('#num').html(data.num);
                        }
                    }

                }
            }
        });


    }

    function delqing() {
        if (confirm("你确定要清空购物车吗？")) {
            $.ajax({
                url: '{{ url("home/ajax/cart/delqing") }}',
                async: false,				//是否异步
                type: 'post',				//请求方式
                data: {'_token': $('input[name=_token]').val()},				//发送的数据
                dataType: 'json',			//响应的数据类型
                success: function (data)		//成功时回调函数
                {
                    if (data == true) {
                        $('.line-li').children('li').remove();
                        $('.LayerFooter').remove();
                        $('#num').css({display:"none"});
                        $('.line-li').append("<li><p>您的购物车还是空的</p></li>");
                    }
                }
            });
        }
    }
    //点击商品加入购物车
    {{--function incart(pid) {--}}
        {{--if("{{ session('homeuser') }}"){--}}
            {{--$.ajax({--}}
                {{--url: '{{ url("home/ajax/cart/incart") }}',--}}
                {{--async: false,				//是否异步--}}
                {{--type: 'post',				//请求方式--}}
                {{--data: {_token: "{{ csrf_token() }}",pid:pid},				//发送的数据--}}
                {{--dataType: 'json',			//响应的数据类型--}}
                {{--success: function (data)		//成功时回调函数--}}
                {{--{--}}
                    {{--var tmp;--}}
                    {{--if(data!=false){--}}
                        {{--//添加到购物车起飞效果--}}
{{--//                        alert(11);--}}
                        {{--if (tmp) tmp.remove();--}}
                        {{--var box = $('.swiper-slide-active');--}}
                        {{--var img = $('.swiper-slide-active').find('img');--}}
                        {{--tmp = img.clone();--}}
                        {{--console.log(tmp);--}}
                        {{--var p = $(img).offset();--}}
                        {{--var p2 = $("body").find('#end').offset();--}}
                        {{--tmp.addClass('_box').css(p).appendTo(box);--}}
                        {{--console.log(p);--}}
                        {{--console.log(p2);--}}
                        {{--p2 = $.extend(p2, {height: 5, width: 5, opacity: 10});--}}
                        {{--console.log(p2);--}}
                        {{--$(tmp).animate(p2, 5000, function () {--}}
                            {{--tmp.remove();--}}
                        {{--});--}}
                        {{--$('#num').attr("style","display:block");--}}
                        {{--$('#num').html(data);--}}



                    {{--}else{--}}
                        {{--alert("添加购物车失败！")--}}
                    {{--}--}}
                {{--}--}}
            {{--});--}}
        {{--}else{--}}
            {{--if(confirm("您还没有登录，是否登录")){--}}
                {{--location.href = "{{ url('home/user/login') }}";--}}
            {{--}--}}
        {{--}--}}

    {{--}--}}
</script>
</body>
</html>
